CSSの答塑∈10∷≥秦肥茶咙の山绩疤弥を回年する

海降は、秦肥茶咙の疤弥をCSSで回年する数恕を疽拆します。CSSでは、秦肥茶咙を惧布焊宝のどの疤弥に芹弥するかを回年することが材墙です。そのほか、茶烫をスクロ〖ルさせたときに、秦肥茶咙だけをスクロ〖ルさせずに盖年するプロパティも脱罢されています。

秦肥茶咙の疤弥は、background-positionプロパティで回年します。ただし、秦肥茶咙が侥玻に帆り手されている眷圭は、その跟蔡をあまり悸炊できません。そこで、background-repeatプロパティに≈no-repeat∽を回年し、秦肥の帆り手しを敦贿するのが办忍弄です。秦肥茶咙の疤弥は、玻数羹ˇ侥数羹の界に染逞スペ〖スで惰磊って回年します。玻数羹の回年は≈left∽∈焊∷、≈center∽∈面丙∷、≈right∽∈宝∷のいずれかで回年します。票屯に、侥数羹は≈top∽∈惧∷、≈center∽∈面丙∷、≈bottom∽∈布∷のいずれかで回年します。笆布は、面丙ˇ惧の疤弥に秦肥茶咙を帆り手さずに芹弥した眷圭のサンプルです。

<STYLE type="text/css">
BODY{
    color:#FFFFFF;
    text-align:center;
    background-color:#000000;
    background-image:url(backimage.jpg);
    background-repeat:no-repeat;
    background-position:center top;
}
    ¨
    ¨
</STYLE>

秦肥茶咙を侥数羹∈または玻数羹∷だけに帆り手す眷圭も、background-positionプロパティが跟蔡弄に怠墙する眷圭もあります。たとえば、笆布のサンプルは秦肥茶咙を侥数羹だけに帆り手し、その芹弥を宝に回年した毋です。なお、background-positionプロパティの猛は≈right top∽∈宝ˇ惧∷となっていますが、これはウィンドウ宝惧を答洁に秦肥茶咙を帆り手すことを罢蹋しています。

<STYLE type="text/css">
BODY{
    color:#FFFFFF;
    text-align:center;
    background-color:#000000;
    background-image:url(backimage.jpg);
    background-repeat:repeat-y;
     background-position:right top;
}
    ¨
    ¨
</STYLE>

奶撅、ホ〖ムペ〖ジをスクロ〖ルさせると、それと办斤に秦肥茶咙もスクロ〖ルします。办数、秦肥茶咙をウィンドウに盖年し、ペ〖ジ柒推だけをスクロ〖ルさせることも材墙です。この眷圭に网脱するのがbackground-attachmentプロパティであり、その猛には≈fixed∽を回年します。笆布に、そのサンプルを绩しておくので、悸狠の瓢侯を澄千してみてください。もちろん、background-attachmentプロパティを、background-repeat∈帆り手し∷やbackground-position∈疤弥回年∷と票箕に回年することも材墙です。この眷圭、秦肥茶咙を宝惧に盖年するなど、ユニ〖クな遍叫を悸附できるようになります。

<STYLE type="text/css">
BODY{
    color:#FFFFFF;
    text-align:center;
    background-color:#000000;
    background-image:url(back.jpg);
    background-attachment:fixed;
}
    ¨
    ¨
</STYLE>

妝揤儌僶僀儖[UNLIMIT偑崱側傜1墌] EC僫價偱億僀儞偲 Yahoo 妝揤 LINE偑僨乕僞徚旓僛儘偱寧妟500墌乣両

柍椏儂乕儉儁乕僕柍椏偺僋儗僕僢僩僇乕僪奀奜奿埨峲嬻寯夝栺庤悢椏侽墌亂偁偟偨偱傫偒亃奀奜椃峴曐尟偑柍椏両奀奜儂僥儖